// 排班基础信息组件
interface Props {
  item: any
}

const ShiftStatusCell = ({ item }: Props) => {
  const { label, icon: AvatarIcon, color } = item
  return (
    <>
      {AvatarIcon && (
        <ListItemAvatar>
          <Avatar sizes="small" variant="rounded" sx={{ bgcolor: color[50] }} aria-label="recipe" component={'div'}>
            <AvatarIcon variant="rounded" color={color[700]} />
          </Avatar>
        </ListItemAvatar>
      )}
      <ListItemText
        primary={
          <Typography color={color[800]} variant="body2" fontSize="1rem">
            {label}
          </Typography>
        }
      />
    </>
  )
}
export default ShiftStatusCell
